﻿body
{
}

/* map VN */
div#map
{
    float: left;
    width: 1px;
}

#map_map
{
    margin: 30px 0px 0px 50px;
}

#map_map img
{
    position: absolute;
}

div#map_map, #area_map
{
    float: left !important;
    width: 300px !important;
    height: 520px !important;
}

.map_vn_map
{
    width: 299px;
    height: 500px;
    background: url("../images/mapArea/VN-home.png") no-repeat -2px -2px;
}



.map_vn_hover_region1
{
    margin-left: 88px;
    margin-top: 58px;
    width: 49px;
    height: 48px;
    background: url("../images/mapArea/VN-home.png") no-repeat -307px -451px;
}

.map_vn_hover_region2
{
    margin-left: 120px;
    margin-top: 366px;
    width: 73px;
    height: 71px;
    background: url("../images/mapArea/VN-home.png") no-repeat -692px -382px;
}

.map_vn_hover_region3
{
    margin-left: 164px;
    margin-top: 239px;
    width: 128px;
    height: 56px;
    background: url("../images/mapArea/VN-home.png") no-repeat -859px -232px;
}

.map_vn_hover_region4
{
    margin-left: 111px;
    margin-top: 60px;
    width: 80px;
    height: 58px;
    background: url("../images/mapArea/VN-home.png") no-repeat -859px -170px;
}

.map_vn_hover_region5
{
    margin-left: 58px;
    margin-top: 412px;
    width: 97px;
    height: 84px;
    background: url("../images/mapArea/VN-home.png") no-repeat -566px -405px;
}

.map_vn_hover_region6
{
    margin-left: 113px;
    margin-top: 178px;
    width: 86px;
    height: 70px;
    background: url("../images/mapArea/VN-home.png") no-repeat -859px -96px;
}

.map_vn_hover_region7
{
    margin-left: 173px;
    margin-top: 290px;
    width: 122px;
    height: 159px;
    background: url("../images/mapArea/VN-home.png") no-repeat -564px -2px;
}

.map_vn_hover_region8
{
    margin-left: 58px;
    margin-top: 94px;
    width: 87px;
    height: 93px;
    background: url("../images/mapArea/VN-home.png") no-repeat -566px -308px;
}

.map_vn_hover_region9
{
    margin-left: 165px;
    margin-top: 267px;
    width: 59px;
    height: 141px;
    background: url("../images/mapArea/VN-home.png") no-repeat -566px -163px;
}

.map_vn_hover_region10
{
    margin-left: 74px;
    margin-top: 3px;
    width: 97px;
    height: 76px;
    background: url("../images/mapArea/VN-home.png") no-repeat -692px -302px;
}

.map_vn_hover_region11
{
    margin-left: 3px;
    margin-top: 21px;
    width: 96px;
    height: 77px;
    background: url("../images/mapArea/VN-home.png") no-repeat -692px -221px;
}

.map_vn_hover_region12
{
    margin-left: 107px;
    margin-top: 68px;
    width: 127px;
    height: 105px;
    background: url("../images/mapArea/VN-home.png") no-repeat -692px -112px;
}

.map_vn_hover_region13
{
    margin-left: 29px;
    margin-top: 321px;
    width: 163px;
    height: 108px;
    background: url("../images/mapArea/VN-home.png") no-repeat -690px -2px;
}

/* End map VN */



/* map region1 */
#map_map_re1 img
{
    position: absolute;
}

div#map_map_re1, #area_map_re1
{
    float: left !important;
    width: 520px !important;
    height: 450px !important;
}

.map_vn_map_re1
{
    width: 650px;
    height: 500px;
    background: url("../images/mapArea/region1.png") no-repeat -2px -2px;
}

.map_re1_hover_region1
{
    margin-left: 0px;
    margin-top: 0px;
    width: 250px;
    height: 250px;
    background: url("../images/mapArea/region1.png") no-repeat -619px 2px;
}

.map_re1_hover_region2
{
    margin-left: 104px;
    margin-top: 33.5px;
    width: 200px;
    height: 180px;
    background: url("../images/mapArea/region1.png") no-repeat -649px -237px;
}

.map_re1_hover_region3
{
    margin-left: 4px;
    margin-top: 183.5px;
    width: 300px;
    height: 230px;
    background: url("../images/mapArea/region1.png") no-repeat -2px -460px;
}

.map_re1_hover_region4
{
    margin-left: 110px;
    margin-top: 92px;
    width: 250px;
    height: 250px;
    background: url("../images/mapArea/region1.png") no-repeat -639px -520px;
}

.map_re1_hover_region5
{
    margin-left: 282px;
    margin-top: 115px;
    width: 150px;
    height: 120px;
    background: url("../images/mapArea/region1.png") no-repeat -689px -400px;
}

.map_re1_hover_region6
{
    margin-left: 349px;
    margin-top: 130px;
    width: 200px;
    height: 200px;
    background: url("../images/mapArea/region1.png") no-repeat -330px -450px;
}

.map_re1_hover_region7
{
    margin-left: 286px;
    margin-top: 188px;
    width: 150px;
    height: 150px;
    background: url("../images/mapArea/region1.png") no-repeat -500px -350px;
}

.map_re1_hover_region8
{
    margin-left: 255px;
    margin-top: 282px;
    width: 150px;
    height: 150px;
    background: url("../images/mapArea/region1.png") no-repeat -480px -630px;
}
/* end map region1 */

/* map region2 */
#map_map_re2 img
{
    position: absolute;
}

div#map_map_re2, #area_map_re2
{
    float: left !important;
    width: 450px !important;
    height: 500px !important;
}

.map_vn_map_re2
{
    width: 450px;
    height: 500px;
    background: url("../images/mapArea/region2.png") no-repeat -2px -2px;
}

.map_re2_hover_region1
{
    margin-left: 163px;
    margin-top: 0px;
    width: 250px;
    height: 250px;
    background: url("../images/mapArea/region2.png") no-repeat -576px -2px;
}

.map_re2_hover_region2
{
    margin-left: 0px;
    margin-top: 135px;
    width: 200px;
    height: 200px;
    background: url("../images/mapArea/region2.png") no-repeat -596px -265px;
}

.map_re2_hover_region3
{
    margin-left: 118px;
    margin-top: 158px;
    width: 200px;
    height: 200px;
    background: url("../images/mapArea/region2.png") no-repeat -676px -475px;
}

.map_re2_hover_region4
{
    margin-left: 141px;
    margin-top: 283px;
    width: 200px;
    height: 200px;
    background: url("../images/mapArea/region2.png") no-repeat -290px -570px;
}

.map_re2_hover_region5
{
    margin-left: 217px;
    margin-top: 177px;
    width: 250px;
    height: 270px;
    background: url("../images/mapArea/region2.png") no-repeat -2px -520px;
}

.map_re2_hover_region6
{
    margin-left: 270.5px;
    margin-top: 314px;
    width: 200px;
    height: 200px;
    background: url("../images/mapArea/region2.png") no-repeat -480px -590px;
}
/* end map region2 */

/* map region3 */
#map_map_re3 img
{
    position: absolute;
}

div#map_map_re3, #area_map_re3
{
    float: left !important;
    width: 450px !important;
    height: 500px !important;
}

.map_vn_map_re3
{
    width: 650px;
    height: 500px;
    background: url("../images/mapArea/region3.png") no-repeat -2px -2px;
}

.map_re3_hover_region1
{
    margin-left: 176px;
    margin-top: -8px;
    width: 150px;
    height: 150px;
    background: url("../images/mapArea/region3.png") no-repeat -650px -40px;
}

.map_re3_hover_region2
{
    margin-left: 17px;
    margin-top: 7px;
    width: 430px;
    height: 400px;
    background: url("../images/mapArea/region3.png") no-repeat -470px -180px;
}
/* end map region3 */

/* map region4 */
#map_map_re4 img
{
    position: absolute;
}

div#map_map_re4, #area_map_re4
{
    float: left !important;
    width: 550px !important;
    height: 500px !important;
}

.map_vn_map_re4
{
    width: 650px;
    height: 500px;
    background: url("../images/mapArea/region4.png") no-repeat -2px -2px;
}

.map_re4_hover_region1
{
    margin-left: 151px;
    margin-top: 11px;
    width: 400px;
    height: 250px;
    background: url("../images/mapArea/region4.png") no-repeat -66px -500px;
}

.map_re4_hover_region2
{
    margin-left: 112px;
    margin-top: 165px;
    width: 200px;
    height: 150px;
    background: url("../images/mapArea/region4.png") no-repeat -610px -45px;
}

.map_re4_hover_region3
{
    margin-left: 74px;
    margin-top: 246px;
    width: 150px;
    height: 150px;
    background: url("../images/mapArea/region4.png") no-repeat -620px -235px;
}

.map_re4_hover_region4
{
    margin-left: 25px;
    margin-top: 305px;
    width: 200px;
    height: 200px;
    background: url("../images/mapArea/region4.png") no-repeat -590px -435px;
}
/* end map region4 */

/* map region5 */
#map_map_re5 img
{
    position: absolute;
}

div#map_map_re5, #area_map_re5
{
    float: left !important;
    width: 550px !important;
    height: 480px !important;
}

.map_vn_map_re5
{
    width: 650px;
    height: 500px;
    background: url("../images/mapArea/region5.png") no-repeat -2px 10px;
}

.map_re5_hover_region1
{
    margin-left: 128px;
    margin-top: 20px;
    width: 150px;
    height: 150px;
    background: url("../images/mapArea/region5.png") no-repeat -739px -160px;
}

.map_re5_hover_region2
{
    margin-left: 201px;
    margin-top: 21px;
    width: 150px;
    height: 150px;
    background: url("../images/mapArea/region5.png") no-repeat -573px -150px;
}

.map_re5_hover_region3
{
    margin-left: 252px;
    margin-top: -5px;
    width: 250px;
    height: 150px;
    background: url("../images/mapArea/region5.png") no-repeat -600px -2px;
}

.map_re5_hover_region4
{
    margin-left: -17px;
    margin-top: 79px;
    width: 300px;
    height: 250px;
    background: url("../images/mapArea/region5.png") no-repeat -10px -570px;
}

.map_re5_hover_region5
{
    margin-left: 210px;
    margin-top: 109px;
    width: 120px;
    height: 120px;
    background: url("../images/mapArea/region5.png") no-repeat -22px -460px;
}

.map_re5_hover_region6
{
    margin-left: 298px;
    margin-top: 42px;
    width: 250px;
    height: 130px;
    background: url("../images/mapArea/region5.png") no-repeat -600px -300px;
}

.map_re5_hover_region7
{
    margin-left: 128px;
    margin-top: 266px;
    width: 200px;
    height: 200px;
    background: url("../images/mapArea/region5.png") no-repeat -365px -595px;
}

.map_re5_hover_region8
{
    margin-left: 191px;
    margin-top: 238px;
    width: 150px;
    height: 150px;
    background: url("../images/mapArea/region5.png") no-repeat -735px -593px;
}

.map_re5_hover_region9
{
    margin-left: 217px;
    margin-top: 163px;
    width: 150px;
    height: 150px;
    background: url("../images/mapArea/region5.png") no-repeat -560px -420px;
}

.map_re5_hover_region10
{
    margin-left: 292px;
    margin-top: 103px;
    width: 150px;
    height: 130px;
    background: url("../images/mapArea/region5.png") no-repeat -192px -460px;
}

.map_re5_hover_region11
{
    margin-left: 360px;
    margin-top: 96px;
    width: 150px;
    height: 150px;
    background: url("../images/mapArea/region5.png") no-repeat -360px -450px;
}

.map_re5_hover_region12
{
    margin-left: 338px;
    margin-top: 144px;
    width: 150px;
    height: 150px;
    background: url("../images/mapArea/region5.png") no-repeat -565px -563px;
}

.map_re5_hover_region13 
{
    margin-left: 265px;
    margin-top: 195px;
    width: 150px;
    height: 150px;
    background: url("../images/mapArea/region5.png") no-repeat -725px -430px;
}
/* end map region5 */

/* map region6 */
#map_map_re6 img
{
    position: absolute;
}

div#map_map_re6, #area_map_re6
{
    float: left !important;
    width: 550px !important;
    height: 500px !important;
}

.map_vn_map_re6
{
    width: 650px;
    height: 500px;
    background: url("../images/mapArea/region6.png") no-repeat -2px -2px;
}

.map_re6_hover_region1
{
    margin-left: 5px;
    margin-top: -27px;
    width: 300px;
    height: 300px;
    background: url("../images/mapArea/region6.png") no-repeat -556px -2px;
}

.map_re6_hover_region2
{
    margin-left: 184px;
    margin-top: 179px;
    width: 200px;
    height: 200px;
    background: url("../images/mapArea/region6.png") no-repeat -626px -320px;
}

.map_re6_hover_region3
{
    margin-left: 278px;
    margin-top: 260px;
    width: 250px;
    height: 200px;
    background: url("../images/mapArea/region6.png") no-repeat -626px -560px;
}
/* end map region6 */

/* map region7 */
#map_map_re7 img
{
    position: absolute;
}

div#map_map_re7, #area_map_re7
{
    float: left !important;
    width: 350px !important;
    height: 640px !important;
    margin-top: -20px
}

.map_vn_map_re7
{
    width: 650px;
    height: 500px;
    background: url("../images/mapArea/region7-2.png") no-repeat -2px -2px;
}

.map_re7_hover_region1
{
    margin-left: 8px;
    margin-top: -12px;
    width: 150px;
    height: 150px;
    background: url("../images/mapArea/region7-2.png") no-repeat -366px -20px;
}

.map_re7_hover_region2
{
    margin-left: 46px;
    margin-top: 91px;
    width: 150px;
    height: 200px;
    background: url("../images/mapArea/region7-2.png") no-repeat -636px -30px;
}

.map_re7_hover_region3
{
    margin-left: 56px;
    margin-top: 225px;
    width: 150px;
    height: 150px;
    background: url("../images/mapArea/region7-2.png") no-repeat -366px -250px;
}

.map_re7_hover_region4
{
    margin-left: 65px;
    margin-top: 340px;
    width: 150px;
    height: 150px;
    background: url("../images/mapArea/region7-2.png") no-repeat -636px -256px;
}

.map_re7_hover_region5
{
    margin-left: 23px;
    margin-top: 420px;
    width: 150px;
    height: 150px;
    background: url("../images/mapArea/region7-2.png") no-repeat -366px -446px;
}

.map_re7_hover_region6
{
    margin-left: -63px;
    margin-top: 500px;
    width: 200px;
    height: 200px;
    background: url("../images/mapArea/region7-2.png") no-repeat -566px -446px;
}
/* end map region7 */

/* map region8 */
#map_map_re8 img
{
    position: absolute;
}

div#map_map_re8, #area_map_re8
{
    float: left !important;
    width: 450px !important;
    height: 500px !important;
}

.map_vn_map_re8
{
    width: 650px;
    height: 500px;
    background: url("../images/mapArea/region8.png") no-repeat -2px -2px;
}

.map_re8_hover_region1
{
    margin-left: 77px;
    margin-top: -14px;
    width: 300px;
    height: 300px;
    background: url("../images/mapArea/region8.png") no-repeat -530px -2px;
}

.map_re8_hover_region2
{
    margin-left: 19px;
    margin-top: 106px;
    width: 300px;
    height: 300px;
    background: url("../images/mapArea/region8.png") no-repeat -519px -290px;
}

.map_re8_hover_region3
{
    margin-left: 190px;
    margin-top: 331px;
    width: 250px;
    height: 200px;
    background: url("../images/mapArea/region8.png") no-repeat -539px -590px;
}
/* end map region8 */

/* map region9 */
#map_map_re9 img
{
    position: absolute;
}

div#map_map_re9, #area_map_re9
{
    float: left !important;
    width: 350px !important;
    height: 580px !important;
}

.map_vn_map_re9
{
    width: 650px;
    height: 500px;
    background: url("../images/mapArea/region9.png") no-repeat -2px -2px;
}

.map_re9_hover_region1
{
    margin-left: 39px;
    margin-top: 0px;
    width: 200px;
    height: 200px;
    background: url("../images/mapArea/region9.png") no-repeat -416px -2px;
}

.map_re9_hover_region2
{
    margin-left: 38px;
    margin-top: 81px;
    width: 250px;
    height: 250px;
    background: url("../images/mapArea/region9.png") no-repeat -636px -2px;
}

.map_re9_hover_region3
{
    margin-left: 66px;
    margin-top: 251px;
    width: 200px;
    height: 200px;
    background: url("../images/mapArea/region9.png") no-repeat -406px -290px;
}

.map_re9_hover_region4
{
    margin-left: -8px;
    margin-top: 307px;
    width: 200px;
    height: 200px;
    background: url("../images/mapArea/region9.png") no-repeat -656px -290px;
}

.map_re9_hover_region5
{
    margin-left: 37px;
    margin-top: 371px;
    width: 200px;
    height: 200px;
    background: url("../images/mapArea/region9.png") no-repeat -376px -530px;
}
/* end map region9 */

/* map region10 */
#map_map_re10 img
{
    position: absolute;
}

div#map_map_re10, #area_map_re10
{
    float: left !important;
    width: 520px !important;
    height: 470px !important;
}

.map_vn_map_re10
{
    width: 650px;
    height: 500px;
    background: url("../images/mapArea/region10.png") no-repeat -2px -2px;
}

.map_re10_hover_region1
{
    margin-left: 2px;
    margin-top: 26px;
    width: 210px;
    height: 210px;
    background: url("../images/mapArea/region10.png") no-repeat -591px 5px;
}

.map_re10_hover_region2
{
    margin-left: 73px;
    margin-top: 110px;
    width: 150px;
    height: 250px;
    background: url("../images/mapArea/region10.png") no-repeat -522px -318px;
}

.map_re10_hover_region3
{
    margin-left: 150px;
    margin-top: 48px;
    width: 260px;
    height: 150px;
    background: url("../images/mapArea/region10.png") no-repeat -562px -198px;
}

.map_re10_hover_region4
{
    margin-left: 175px;
    margin-top: 127px;
    width: 150px;
    height: 170px;
    background: url("../images/mapArea/region10.png") no-repeat -713px -368px;
}

.map_re10_hover_region5 
{
    margin-left: 183px;
    margin-top: 227.5px;
    width: 150px;
    height: 170px;
    background: url("../images/mapArea/region10.png") no-repeat -713px -533px;
}

.map_re10_hover_region6 
{
    margin-left: 259px;
    margin-top: 157px;
    width: 300px;
    height: 230px;
    background: url("../images/mapArea/region10.png") no-repeat -2px -463px;
}

.map_re10_hover_region7 
{
    margin-left: 254px;
    margin-top: 284px;
    width: 210px;
    height: 150px;
    background: url("../images/mapArea/region10.png") no-repeat -330px -543px;
}
/* end map region10 */

/* map region11 */
#map_map_re11 img
{
    position: absolute;
}

div#map_map_re11, #area_map_re11
{
    float: left !important;
    width: 550px !important;
    height: 450px !important;
}

.map_vn_map_re11
{
    width: 650px;
    height: 500px;
    background: url("../images/mapArea/region11.png") no-repeat -2px -2px;
}

.map_re11_hover_region1
{
    margin-left: 37px;
    margin-top: 9px;
    width: 300px;
    height: 200px;
    background: url("../images/mapArea/region11.png") no-repeat -566px -2px;
}

.map_re11_hover_region2
{
    margin-left: 243px;
    margin-top: -18px;
    width: 200px;
    height: 200px;
    background: url("../images/mapArea/region11.png") no-repeat -676px -520px;
}

.map_re11_hover_region3
{
    margin-left: 13px;
    margin-top: 48px;
    width: 250px;
    height: 300px;
    background: url("../images/mapArea/region11.png") no-repeat -370px -451px;
}

.map_re11_hover_region4
{
    margin-left: 296px;
    margin-top: 79px;
    width: 250px;
    height: 200px;
    background: url("../images/mapArea/region11.png") no-repeat -636px -240px;
}

.map_re11_hover_region5
{
    margin-left: 168px;
    margin-top: 134px;
    width: 350px;
    height: 280px;
    background: url("../images/mapArea/region11.png") no-repeat -2px -451px;
}
/* end map region1 */